<extend name="Public:base" />
<block name="content">


<!-- bootstrap & fontawesome -->
    <!-- <link rel="stylesheet" href="__JS__/../ace/assets/font-awesome/4.2.0/css/font-awesome.min.css"/> -->
    <!-- <link rel="stylesheet" href="__JS__/../ace/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style"/> -->
    <link rel="stylesheet" href="__JS__/../ace/assets/css/daterangepicker.min.css"/>
    <!--日期选择插件-->
    <link rel="stylesheet" href="__JS__/../css/new/common.css"/>
    <!-- <link rel="stylesheet" href="__JS__/../css/new/font-awesome.min.css"/> -->
    <!--公共css-->        <!--[if lte IE 9]>
    <link rel="stylesheet" href="__JS__/../ace/assets/css/ace-part2.min.css" class="ace-main-stylesheet"/>
    <link rel="stylesheet" href="__JS__/../ace/assets/css/ace-ie.min.css"/>        <![endif]-->

    <link rel="stylesheet" href="__JS__/../css/new/myStyle.css"/>
    <link rel="stylesheet" href="__JS__/../myPlugins/loading/loading.css"/>
    <link href="__JS__/../myPlugins/jqGrid/jqGrid/jqGrid.css" rel="stylesheet" type="text/css">

    <!-- ace 设置处理程序 -->
    <!-- <script src="__JS__/../ace/assets/js/ace-extra.min.js"></script> -->
    <!--[if lte IE 8]>
    <script src="__JS__/../ace/assets/js/html5shiv.min.js"></script>
    <script src="__JS__/../ace/assets/js/respond.min.js"></script>        <![endif]-->
<style type="text/css">
    input{
        height: 34px;
    }
</style>
    <!--主体内容存放区Momo -->
    <div class="page-content">

        <div class="page-header">
            <i class="fa fa-table"></i>日志列表
            <a id="download" class="download operatorBtn">导出</a>
        </div>

        <div class="page-body">
            <!-- 搜索框 -->
            <form class="form-inline" role="form">
                <div class="form-group">
                    <div class="input-group" style="width: 250px">
                        <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
                        <input id="searchTime" value="{$term}" class="form-control" placeholder="开始时间-结束时间" type="text" name="date-range-picker" id="id-date-range-picker-1"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="sr-only" for="searchName">searchName</label>
                    <input id="searchName" value="{$name}" type="text" placeholder="活动名称"/>
                </div>
                <div class="form-group">
                    <label class="sr-only" for="searchID">searchID</label>
                    <input id="searchID" value="{$id}" type="text" placeholder="编码"/>
                </div>
                <div class="form-group">
                    <label class="sr-only" for="searchIDText">searchIDText</label>
                    <input id="searchIDText" type="number" placeholder="流水号"/>
                </div>
                <div class="form-group">
                    <label class="sr-only" for="searchUserName">searchUserName</label>
                    <input id="searchUserName" type="text" placeholder="参与者"/>
                </div>
                <div class="form-group">
                    <label class="sr-only" for="searchUserID">searchUserID</label>
                    <input id="searchUserID" type="text" placeholder="参与者ID"/>
                </div>

                <div class="searchBtn btn btn-sm btn-primary width80">查询</div>
                <div class="resetBtn btn btn-sm btn-inverse width80">重置</div>
            </form>

            <!--momo 表格（隐藏）-->
            <div class="sr-only">

                <!--主体表格信息-->
                <div class="row">
                    <div class="col-xs-12">
                        <div class="table-responsive">
                            <table id="sample-table-1" class="table table-striped table-bordered table-hover dataTable">
                                <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>流水号</th>
                                    <th>活动编码</th>
                                    <th>名称</th>
                                    <th>参与者ID</th>
                                    <th>参与者</th>
                                    <th>获奖情况</th>
                                    <th>所获电子券总额</th>
                                    <th>参与时间</th>
                                </tr>
                                </thead>
                                <tbody id="itemGroup"></tbody>
                            </table>
                        </div>
                        <div class="empty" style="display: none"><h3 class="no-comments center">
                            <i class="fa fa-exclamation-circle red" style="padding-right:8px"></i>无相关数据记录</h3></div>
                    </div>
                </div>

                <!--底部页面选择栏-->
                <div class="pull-left marginTop20 fontSize15">每页显示 <span class="pageItemNum">10</span> 项，总
                    <span class="sumItemNum">10</span> 项
                </div>
                <div class="pull-right">
                <div>
                    <ul class="pagination ">
                        <li class="prevBtn disabled"><span class="ace-icon fa fa-angle-double-left"></span></li>
                        <li class="nextBtn"><span class="ace-icon fa fa-angle-double-right"></span></li>
                        <li><span id="maxPageNum" class="hidden"></span></li>
                        <li><input id="inputPageNum" class="width60" type="number" min="1" placeholder="页数"/></li>
                        <li>
                            <div id="pageJump" class="btn btn-primary btn-sm width60">跳转</div>
                        </li>
                    </ul>
                </div>
            </div>

            </div>

            <!--icely 表格-->
            <div id="jqGrid" class="jqGrid jqGrid-center jqGrid-stripe"></div>

        </div>
    </div>
<!-- /.main-content -->

<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
    <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i></a>
<!-- /.main-container -->
<input type="hidden" name="type" value="{$type}" id="activity_type">
<input type="hidden" name="isIFrame" id="isIFrame" value="{$isIFrame}">
<!--模板信息-->
<script type="text/template" id="item">
    <tr>
        <td><%=index%></td>
        <td><%=id%></td>
        <td><%=IDText%></td>
        <td><%=name%></td>
        <td><%=userID%></td>
        <td><%=userName%></td>
        <td><%=statue%></td>
        <td><%=value%></td>
        <td><%=time%></td>
    </tr>
</script>

<!-- bootstrap -->
<script src="__JS__/../ace/assets/js/jquery.1.11.1.min.js"></script>
<!-- 日期选择插件 -->
<script src="__JS__/../ace/assets/js/moment.min.js"></script>
<script src="__JS__/../ace/assets/js/daterangepicker.min.js"></script>
<!-- ACE 基本JS -->
<!-- <script src="__JS__/../ace/assets/js/ace-elements.min.js"></script> -->
<!-- <script src="__JS__/../ace/assets/js/ace.min.js"></script> -->
<script src="__JS__/libs/hint.js"></script>
<script src="__JS__/../ace/assets/js/bootbox.min.js"></script>
<!-- 公共JS -->
<script src="__JS__/new/momo.js"></script>

<!--icely add-->
<script src="__JS__/../myPlugins/jqGrid/jqGrid/jqGrid.js"></script>
<script src="__JS__/../myPlugins/loading/loading.js"></script>
<script src="__JS__/new/lottery_log.js"></script>
<script type="text/javascript">
    init();
</script>
</block>